﻿<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.5" charset="utf-8"/>
<title>首页</title>
<link href="/pad_marketing/html/css/main.css" rel="stylesheet" type="text/css" />
<link href="/pad_marketing/html/css/common.css" rel="stylesheet" type="text/css" />

<style>
	.change,.upfile{width:40%;height:100%;position:absolute;top:0;opacity:0;right:0}
	.pic{width:40%;height:100%;position:absolute;top:0;left:0;opacity:0}
	.col-md-offset-1{margin-left:0%}
</style>

</head>

<body class="index-bg">
    
<!--标题区域 start-->
<div class="tit_main">
  <!-- <a href="/pad_marketing/index/toUpload.action" class="pull-left lh-50"><span class="icon icon-upload"></span>监管照片上传</a> -->
  <img src="/pad_marketing/html/img/logo.png">
  <a href="javascript:void(0)" id="icon-set" class="pull-left lh-50"><span class="icon icon-set"></span></a>
  <a href="../notices/main.action" class="pull-left lh-50"><span class="unread icon icon-bell"></span></a>
  <a onclick="logOut()" class="pull-right lh-50"><span class="icon icon-out"></span></a>
      <a href="/pad_marketing/feedback/index.action" class="pull-right lh-50"><span class="icon icon-pen-white"></span>信息反馈</a>
</div>
<!--标题区域 end-->

<!--内容区域 start-->
<div class="H_top">
 <div>   
  <!-- 左侧自定义菜单 -->
  <nav class="st-menu">
    <h3 class="orange lh-45 text-center font-18">已选菜单</h3>
    <div class="blank-1"></div>
    <ul class="menu-labelCheck indexList">
      <li >
        <figure>
        <span class='hide white'>1</span>
          <img src="/pad_marketing/html/img/icon-gsjj.png" />
        </figure>
        <p>公司介绍</p>
      </li>
      <li >
        <figure>
        <span class='hide white'>2</span>
          <img src="/pad_marketing/html/img/icon-cpzx.png" />
        </figure>
        <p>产品中心</p>
      </li>
     <li >
        <figure>
        <span class='hide white'>3</span>
          <img src="/pad_marketing/html/img/icon-mxcp.png" />
        </figure>
        <p>明星产品</p>
      </li>
      <li >
        <figure>
        <span class='hide white'>4</span>
          <img src="/pad_marketing/html/img/icon-xqfx.png" />
        </figure>
        <p>需求分析</p>
      </li>
      <li >
        <figure>
        <span class='hide white'>5</span>
          <img src="/pad_marketing/html/img/icon-jys.png" />
        </figure>
        <p>建议书</p>
      </li>
      <li >
        <figure>
        <span class='hide white'>6</span>
          <img src="/pad_marketing/html/img/icon-zxtb.png" />
        </figure>
        <p>在线投保</p>
      </li>
    </ul>
    <div class="blank-5"></div>
    <hr>
    <div class="blank-5"></div>
    <h3 class="blue lh-45 text-center font-18 padding-20">未选菜单</h3>
    <div class="blank-10"></div>
    <div class="menu-labelChose">
      <label >公司介绍</label>
      <label >产品中心</label>
      <label >明星产品</label>
      <label >需求分析</label>
      <label >建议书    </label>
      <label >在线投保</label>
      <label >我的保单</label>
      <label >我的照会</label>
    </div>
    <div class="blank-5"></div>
    <div class="row">
      <div class="col-md-6">
        <button id="btn_cancel"  class="btn btn-primary btn-block"><span class="icon icon-no"></span>取消</button>
      </div>
      <div class="col-md-6">
        <button id="subMenuList" class="btn btn-warning btn-block"><span class="icon icon-ok"></span>确定</button>
      </div>
    </div>
  </nav>
  <!-- 右侧全部菜单 -->
  <nav class="menu-all">
    <h3 class="blue-d text-center lh-45">全部菜单</h3>
    <hr>
    <ul>
      <li><a href="../MyPolicy/underwriting.action"><img src="/pad_marketing/html/img/icon-wdbd-gray.png">我的保单</a></li>
      <li><a href="../notes/myNote_1.action"><img src="/pad_marketing/html/img/icon-wdzh-gray.png">我的照会</a></li>
      <li><a class="menu-lock"  href="../main/listViewStar.action?pkgId=112"><img src="/pad_marketing/html/img/icon-mxcp-gray.png">明星产品</a></li>
      <li><a href="../ordermanager/index.action"><img src="/pad_marketing/html/img/icon-zxtb-gray.png">在线投保</a></li>
      <li><a href="../about/aboutUs.action"><img src="/pad_marketing/html/img/icon-gsjj-gray.png">公司介绍</a></li>
      <li><a href="../main/type005pkgGetHot.action"><img src="/pad_marketing/html/img/icon-cpzx-gray.png">产品中心</a></li>
      <li><a href="javascript:void(0);"  onclick="need()"><img src="/pad_marketing/html/img/icon-xqfx-gray.png">需求分析</a></li>
      <li><a href="../plan/proposalMange.action"><img src="/pad_marketing/html/img/icon-jys-gray.png">建议书</a></li>
    </ul>
    
  </nav>
  <div class="circle-panel">
    <nav class="circle-bg">
      <a class="circle-pic" onClick="showDiv('person-panel')">
        <img src="/pad_marketing/html/img/circle-bird.png">
      </a>
      <lable class="circle-text"></lable>
      <div class="circle-menu">
        <a href="javascript:volid(0);" class="menu-item" id="menu-one">
          <img src="/pad_marketing/html/img/default.png"> 
          <i>加载中</i> 
        </a>
        <a href="javascript:volid(0);" class="menu-item" id="menu-two"> 
          <img src="/pad_marketing/html/img/default.png">
          <i>加载中</i> 
        </a>
        <a href="javascript:volid(0);" class="menu-item" id="menu-three"> 
          <img src="/pad_marketing/html/img/default.png">
          <i>加载中</i> 
        </a>
        <a class="menu-item" id="menu-four"> 
          <img src="/pad_marketing/html/img/default.png">
          <i>加载中</i> 
        </a>
        <a href="javascript:volid(0);" class="menu-item" id="menu-five"> 
          <img src="/pad_marketing/html/img/default.png">
          <i>加载中</i>
        </a>
        <a href="javascript:volid(0);" class="menu-item" id="menu-six"> 
          <img src="/pad_marketing/html/img/default.png">
          <i>加载中</i> 
        </a>
      </div>
    </nav>
  </div>
 </div>     
      
</div>
<a class="menu-all-btn" href="javascript:void(0)"></a>
<!--内容区域 end-->
<!-- <form action="/pad_marketing/main/updateUser.action" method="post" enctype="multipart/form-data"> -->
<div id="person-panel" class="open-block open-lg hide">
  <!-- <h4 class="open-header">
    <span class="pull-left font-16" onclick="forgetPassword()"><span class="icon-edit-gray"></span>&nbsp;修改密码</span>
    个人中心<button type="button" class="close timg">×</button>
  </h4> -->
  <h4 class="open-header">
    <div class="row">
 
		<div class="col-md-4 font-16 text-left" onClick="showBlockIndex('openx')"><span class="icon-more"></span>&nbsp;更多
	        <span class="hide tooltip bg-white" id="openx"> 
	          <span class="bg-white"></span>
	          <p class="lh-35 font-16 text-left" onclick="forgetPassword()"><label class="icon-edit-gray"></label>&nbsp;修改密码</p>
	          <p class="lh-35 font-16 text-left" id="certificate"><a style="color:inherit;" href="/pad_marketing/index/certificate.action"><label class="icon-certificate"></label>&nbsp;资质证书</a></p>
	          <p class="lh-35 font-16 text-left" id="mdrtCate" onClick="forGetMdrt()"><label class="icon-mdrt"></label>&nbsp;MDRT荣誉</p>
	        </span>
		</div>
      	
      <div class="col-md-4 text-center">个人中心</div>
      <div class="col-md-4 text-right">
        <button type="button" class="close" id="x">×</button>
      </div>
    </div>
  </h4>
  
  <div class="open-body no-padding">
    <div class="padding-2 bg-blue">
      <div class="col-md-4 text-right">
        <div class="blank-10"></div>
        <a class="inline-block padding-15 text-center">
          <p class="icon icon-circle-pic"></p>
          <p class="font-18 lh-45 white">相册</p>
          <!-- <input type="file" class="change" name="file" multiple="mulltiple" accept="image/*" onclick=""/>  -->
          <!-- <input type="file" onchange="previewImage(this, 'image')" class="upfile" accept="image/jpge"> -->
          <input type="button" class="upfile" onclick="library()">
        </a>
      </div>
      <div class="col-md-4 text-center">
        <div class="pic-panel"  id="image">
          <img src="/pad_marketing/html/img/circle-bird.png" class="img0" id="img0">       
        </div>
      </div>
      <div class="col-md-4 text-left">
        <div class="blank-10"></div>
        <a class="inline-block padding-15 text-center">
          <p class="icon icon-circle-camera"></p>
          <p class="font-18 lh-45 white">拍照</p>
          <!-- <input type="file" class="change" name="file" multiple="mulltiple" accept="image/*" style="left:0"> --> 
          <input type="button" class="pic" onclick="pic()">
        </a>
      </div>
    </div>
    <div class="padding-2">
      <div class="form-group">
        <label class="control-label col-md-2 col-md-offset-1"><span class="pull-left">营销员姓名：</span></label>
        <div class="col-md-3" style="width:38%">
          <p class="form-control-static" id="agent">代用名</p>
        </div>
        <label class="control-label col-md-2"><span class="pull-left">公司名称：</span></label>
        <div class="col-md-3">
          <p class="form-control-static">中德安联人寿保险</p>
        </div>
        <div class="clearfix"></div>
        <label class="control-label col-md-2 col-md-offset-1"><span class="pull-left">营销员职级：</span></label>
        <div class="col-md-3" style="width:38%">
          <p class="form-control-static" id="role">代用名</p>
        </div>
        <label class="control-label col-md-2"><span class="pull-left">营销员手机：</span></label>
        <div class="col-md-3">
          <p class="form-control-static" id="tel">KSA893842398475325</p>
        </div>
        <div class="clearfix"></div>
        <label class="control-label col-md-2 col-md-offset-1"><span class="pull-left">展业证编号：</span></label>
        <div class="col-md-3" style="width:38%">
          <p class="form-control-static" id="business">13483482938</p>
        </div>
        <label class="control-label col-md-2"><span class="pull-left">营销员邮箱：</span></label>
        <div class="col-md-3">
          <p class="form-control-static" id="email">sdfdf@123.com</p>
        </div>
        <div class="clearfix"></div>
        <!-- <label class="control-label col-md-3">扫描二维码：</label>
        <div class="col-md-3">
          <p class="form-control-static"><img src="/pad_marketing/html/img/qr-a.png" width="71" height="71" /></p>
        </div>
        <label class="control-label col-md-2">QQ：</label>
        <div class="col-md-3">
          <p class="form-control-static">82348745</p>
        </div> -->
      </div>
    </div>
  </div>
  <div class="open-footer">
    <button class="btn btn-primary timg"><span class="icon icon-no"></span>取消</button>
    <button id="sub" class="btn btn-warning"><span class="icon icon-ok"></span>确定</button>
    <!-- <input class="btn btn-warning" type="submit" value="上传"> -->
  </div>
</div>

<!-- </form> -->

<!--弹出层-模板 start-->
<div class="open-block open-md hide" id="passwordReset">
  <h4 class="open-header">
    修改密码<button type="button" class="close" onClick="closeDiv('passwordReset')">×</button>
  </h4>
  <div class="open-body">
  	<form id="changeForm">
    <div class="blank-10"></div>
    <div class="form-group">
      <label class="col-md-4 control-label">输入旧密码：</label>
      <div class="col-md-7 no-padding">
        <input class="form-control" id="oldPassword" type="password" required='required' />
      </div>
    </div>
    <div class="form-group">
      <label class="col-md-4 control-label">输入新密码：</label>
      <div class="col-md-7 no-padding">
        <input class="form-control" placeholder="请输入6-20位数字、字母和字符" id="password" oninput="checkStrong(this)"  type="password" required='required'/>
        <div class="blank-10"></div>
        <div class="pw-strength  pw-default pw-medium" id="strongTh">            
          <div class="pw-bar"></div>
          <div class="pw-bar-on"></div>
          <div class="pw-txt">
            <span>弱</span>
            <span>中</span>
            <span>强</span>
          </div>
          <div class="blank-10"></div>
        </div>
      </div>
    </div>
    <div class="form-group">
      <label class="col-md-4 control-label">确认新密码：</label>
      <div class="col-md-7 no-padding">
        <input class="form-control" placeholder="请输入6-20位数字、字母和字符" id="reNewPassword" type="password" required='required'/>
      </div>
    </div>
    <div class="col-md-8 col-md-offset-2">
      <button type="button" onclick="changePwd()" class="btn btn-lg btn-warning btn-block">确定</button>
    </div>
    </form>
  </div>
</div>
<!--弹出层-模板 end-->  
  <div class="open-block open-md hide" id="mdrt">
  <h4 class="open-header">
    荣誉<button type="button" class="close" onClick="closeDiv('mdrt')">×</button>
  </h4>
  <div class="open-body height-400">
    <div id="mdrtBox"></div>
    <div class="clearfix"></div>
    <p class="text-center gray lh-45"  id="mdrtOverTime"></p>
  </div>
</div>
<!--js全放底部-->
<script src="/pad_marketing/html/js/jquery-1.7.2.js" type="text/javascript"></script>
<script src="/pad_marketing/html/js/jquery.jmpopups-0.5.1.js" type="text/javascript"></script>
<script src="/pad_marketing/html/js/idangerous.swiper.min.js"></script>
<script src="/pad_marketing/html/js/iscroll.js" type="text/javascript"></script>
<script src="/pad_marketing/html/js/idangerous.swiper.3dflow.js"></script>
<script src="/pad_marketing/html/js/common.js" type="text/javascript"></script>
<script src="/pad_marketing/dev/js/common.js" type="text/javascript"></script>
<script src="/pad_marketing/dev/js/index.js" type="text/javascript"></script>

<script src="/pad_marketing/dev/js/Math.uuid.js" type="text/javascript" charset="utf-8"></script>
<!--前后台交互-->
<!-- <script src="/pad_marketing/dev/js/ajaxfileupload.js" type="text/javascript" charset="utf-8"></script> -->
<!--拍照-->
<script src="/pad_marketing/dev/js/cardphoto.js" type="text/javascript" charset="utf-8"></script>	

<script src="/pad_marketing/dev/js/photoimg.js" type="text/javascript" charset="utf-8"></script>

<script>
window.onload=function(){
	
  $("#x").click(function(){
	  closeDiv('person-panel');
	  $('#openx').hide(200);
  })
	
  $(".tit_main .icon-set").click(function(){
    $(".menu-all").removeClass("st-menu-open");
    $(".circle-panel").removeClass("st-pusher-left");
    $(".st-menu").addClass("st-menu-open");
    $(".circle-panel").addClass("st-pusher");
    $(".st-pusher").click(function(){
      $(".st-menu").removeClass("st-menu-open");
      $(".circle-panel").removeClass("st-pusher");
    })
  })
  $(".menu-all-btn").click(function(){
    $(".st-menu").removeClass("st-menu-open");
    $(".circle-panel").removeClass("st-pusher");
    $(".menu-all").addClass("st-menu-open");
    $(".circle-panel").addClass("st-pusher-left");
    $(".st-pusher-left").click(function(){
      $(".menu-all").removeClass("st-menu-open");
      $(".circle-panel").removeClass("st-pusher-left");
    })
  })
}
</script>

</body>
</html>